.suspendNav {
  position: fixed;
  right: 0;
  bottom: 68px;
  z-index: 999;
  width: 48px;
  height: 360px;
  overflow: visible;
  .suspendNavItem {
    padding-left: 48px;
    height: 50px;
    margin-top: 10px;
    overflow: visible;
    .suspendNavName {
      width: 103px;
      height: 100%;
      .navNameBox{
        width: 100%;
      }
      p {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height:14px;
        &:last-child{
          font-size: 12px;
          line-height:12px;
        }
      }

    }
    .ewmBox{
      width: 140px;
      height: 290px;
      background: #67076f;
      position: absolute;
      left: -140px;
      top: 0%;
      transform: translateY(-50%);
      z-index: 9;
      display: none;
      opacity: 0;
    }
    &.custom {
      background: url("../../assets/images/suspandNav/l01.png") left center no-repeat,#d25344;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll01.png") left center no-repeat,#d25344;
        background-size: auto 100%;
      }
    }
    &.quickTopUp {
      background: url("../../assets/images/suspandNav/l02.png") left center no-repeat,#67076f;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll02.png") left center no-repeat,#67076f;
        background-size: auto 100%;
      }
    }
    &.officeQQ {
      background: url("../../assets/images/suspandNav/l04.png") left center no-repeat,#8bc48d;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll04.png") left center no-repeat,#8bc48d;
        background-size: auto 100%;
      }
    }
    &.customLine {
      background: url("../../assets/images/suspandNav/l05.png") left center no-repeat,#e6776c;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll05.png") left center no-repeat,#e6776c;
        background-size: auto 100%;
      }
    }
    &.backTop {
      background: url("../../assets/images/suspandNav/l06.png") left center no-repeat,#bc3f61;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll06.png") left center no-repeat,#bc3f61;
        background-size: auto 100%;
      }
    }
    &.appEwm {
      background: url("../../assets/images/suspandNav/l02.png") left center no-repeat,#67076f;
      background-size: auto 100%;
      &.on {
        background: url("../../assets/images/suspandNav/ll02.png") left center no-repeat,#67076f;
        background-size: auto 100%;
      }
    }
  }
}